import QtQuick 2.4
import QtQuick.Layouts 1.3
import QtQuick.Controls 2.12

Item {
    width: 400
    height: columnLayout.height
    property alias btnAddTask: btnAddTask
    property alias textTodoNewS: textTodoNewS

    ColumnLayout {
        id: columnLayout
        height: 100
        anchors.right: parent.right
        anchors.left: parent.left

        RowLayout {
            id: taskRowId
            width: 100
            height: 100
            Layout.rightMargin: 16
            Layout.leftMargin: 16
            Layout.fillWidth: true

            TextField {
                id: textTodoNewS
                text: qsTr("Text Field")
                Layout.fillWidth: true
            }

            Button {
                id: btnAddTask
                text: qsTr("Button")
                Layout.fillWidth: false
                Layout.fillHeight: false
                Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
            }
        }

        RowLayout {
            id: taskAttrRowId
            width: taskRowId.width
            height: taskRowId.height
            spacing: 10
            Layout.rightMargin: 16
            Layout.leftMargin: 16
            Layout.fillWidth: true

            Button {
                id: buttonDeadLine
                text: qsTr("set deadline")
                clip: false
                Layout.fillWidth: true
            }

            Button {
                id: buttonRemindMe
                text: qsTr("remind me")
                Layout.fillWidth: true
            }

            Button {
                id: buttonRepeate
                text: qsTr("repeat")
                Layout.fillWidth: true
            }
        }
    }
}

/*##^##
Designer {
    D{i:1;anchors_height:100;anchors_width:100}
}
##^##*/

